html {
	font-size: 16px;
}
main {
	.follow_title {
		padding-top: 1rem;
		margin-bottom: 1.25rem;
		.follow_list {
			li {
				height: 2rem;
				line-height: 2rem;
				position: relative;
				&.active::after {
					content: "";
					display: block;
					position: absolute;
					left: 50%;
					transform: translateX(-50%);
					bottom: -5px;
					width: 120%;
					height: 3px;
					background-color: #aad9f7;
				}
				&.active {
					color: #92aeff;
				}
			}
			li:last-child {
				background-color: #aad9f7;
				padding: 0px 0.625rem;
				border-radius: 1rem;
			}
		}
	}
	.follow_main {
		.search {
			height: 2.6rem;
			width: 100%;
			border: 2px solid #ccc;

			input {
				width: 100%;
				height: 2.4rem;
				border-radius: 0.5rem;
			}
			.iconfont {
				font-size: 1.25rem;
				line-height: 2.6rem;
				width: 30px;
				text-align: center;
			}
		}
		.follow_uses {
			.use {
				width: 100%;
				margin-top: 15px;
				.use_img {
					width: 80px;
					height: 80px;
					border-radius: 50%;
					background-color: #92aeff;
					margin-right: 12px;
				}
				.interest {
					width: 80px;
					height: 32px;
					line-height: 32px;
					text-align: center;
					border-radius: 16px;
					border: 1px solid #77b2ff;
					color: #77b2ff;
				}
			}
		}
	}
}
